<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8" />
    <title>CTM后台管理系统-登录</title>
    <meta name="renderer" content="webkit|ie-comp|ie-stand" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link th:href="@{~/css/font.css}"rel="stylesheet"/>
    <link th:href="@{~/css/xadmin.css}"rel="stylesheet"/>
    <script type="text/javascript" th:src="@{https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js}"></script>
    <script type="text/javascript" th:src="@{~/lib/layui/layui.js}"></script>
</head>
<body class="login-bg">

<div class="login layui-anim layui-anim-up">
    <div class="message">CTM后台管理系统-登录</div>
    <div id="darkbannerwrap"></div>
    <form method="post" class="layui-form" >
        <input name="username" placeholder="用户名"  type="text" lay-verify="required" class="layui-input"  />
        <hr class="hr15" />
        <input name="password" lay-verify="required" placeholder="密码"  type="password" class="layui-input" />
        <hr class="hr15" />
        <input value="登录" lay-submit lay-filter="login" style="width:100%;" type="submit" />
        <hr class="hr20" />
    </form>
</div>
<script th:inline="javascript">
    $(function  () {
        layui.use('form', function(){
            var form = layui.form;
            form.on('submit(login)', function(data){
                var loadFlag = layer.load(1,{shade:[0.3]});
                $.ajax({
                    type: "POST",
                    contentType: "application/json; charset=utf-8",
                    dataType: "json", //预期服务器返回的数据类型
                    url: "/login", //url
                    data: JSON.stringify(data.field),
                    success: function(result) {
                        layer.close(loadFlag);
                        if (result.code > 0)
                        {
                            location.href="index";
                        }else{
                            layer.msg("账号密码错误！");
                        }
                    },
                    error: function() {
                        layer.close(loadFlag);
                    }
                });
                return false;
            });
        });
    })
</script>
</body>
</html>